<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,Chrome=1">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=8"> -->
    <meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <title>张艳英语网</title>
    <link rel="stylesheet" href="plugin/awesome/font-awesome.min.css"/>
    <link rel="stylesheet" href="plugin/normalize.min.css"/>
    <link rel="stylesheet" href="style/bootstrap.min.css"/>
    <link rel="stylesheet" href="style/common.css">
    <link rel="stylesheet" href="style/index.css"/>
    <link rel="stylesheet" href="style/collapse.css">
    <!-- [if lte IE 8] -->
        <link rel="stylesheet" href="style/ie8-co.css">
    <!-- [endif] -->
    <script src="plugin/css3-mediaqueries.js"></script>
    <!-- // <script src="plugin/html5.js"></script> -->

    <script src="plugin/jquery-1.9.1.js"></script>
    <script src="script/bootstrap.min.js"></script>
    <!-- // <script src="script/dropdown.js"></script> -->
    <script src="script/index.js"></script>
</head>
<body>
    <!-- <div class="page-container"> -->
    <div class="header">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="logo navbar-header">
                    <a href="#"><img src="images/logo.png" alt=""></a>
                </div>
                <div class="navbar-header hidden-xs">
                    <ul class="nav navbar-nav">
                        <li class="index-li"><a href="index.html"><p class="nav-link">首&nbsp;&nbsp;&nbsp;页</p><!-- <p class="small">Home</p> --></a></li>
                        <li role="presentation" class="dropdown">
                            <a href="javascript:;" id="dLabel">
                                <p class="nav-link">精品课程</p><!-- <p class="small">Quality Lessons</p> --></a>
                            <ul class="dropdown-menu read-dropdown">
                                <li><a class="drop-option" href="#"><i class="fa fa-headphones"></i>托福听力</a></li>
                                <li><a class="drop-option" href="#"><i class="fa fa-volume-up"></i>托福口语</a></li>
                                <li><a class="drop-option" href="#"><i class="fa fa-book"></i>托福阅读</a></li>
                                <li><a class="drop-option" href="#"><i class="fa fa-pencil"></i>托福写作</a></li>
                            </ul>
                        </li>
                        <li class="hidden-set3">
                            <a href=""><p class="nav-link">学习资料</p><!-- <p class="small">Data Of Study</p> --></a>
                            <ul class="read-dropdown">

                            </ul>
                        </li>
                        <li role="presentation" class="dropdown hidden-sm">
                            <a href="javascript:;" id="dLabel">
                                <p class="nav-link">听说读写</p><!-- <p class="small">Comprehension</p> --></a>
                                <!-- <p class="dropdown-link"><i class="fa fa-angle-double-down"></i></p> -->
                            </a>
                            <ul class="dropdown-menu read-dropdown">
                                <li><a class="drop-option" href="#"><i class="fa fa-headphones"></i>托福听力</a></li>
                                <li><a class="drop-option" href="#"><i class="fa fa-volume-up"></i>托福口语</a></li>
                                <li><a class="drop-option" href="#"><i class="fa fa-book"></i>托福阅读</a></li>
                                <li><a class="drop-option" href="#"><i class="fa fa-pencil"></i>托福写作</a></li>
                            </ul>
                        </li>
                        <li class="hidden-set"><a href=""><p class="nav-link">经验分享</p><!-- <p class="small">Exprience</p> --></a></li>
                        <li class="hidden-set2"><a href=""><p class="nav-link">留&nbsp;&nbsp;&nbsp;学</p><!-- <p class="small">Study abroad</p> --></a></li>
                        <li class="hidden-set1"><a href=""><p class="nav-link">论&nbsp;&nbsp;&nbsp;坛</p><!-- <p class="small">Forum</p> --></a></li>
                    </ul>
                </div>
                <div class="dropdown menu-block hidden-sm hidden-md hidden-lg">
                    <span class="h3">Menu</span>
                    <a id="drop" data-target="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-th-list"></i></a>
                    <ul class="dropdown-menu menu-list" aria-labelledby="drop">
                        <li><a class="menu-option" href="index.html"><i class="fa fa-home"></i><span>首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</span></a></li>
                        <li><a class="menu-option" href="list.html"><i class="fa fa-book"></i><span>精品课程</span></a></li>
                        <li><a class="menu-option" href="article.html"><i class="fa fa-files-o"></i><span>学习资料</span></a></li>
                        <li><a class="menu-option" href="download.html"><i class="fa fa-pencil"></i><span>听说读写</span></a></li>
                        <li><a class="menu-option" href="#"><i class="fa fa-users"></i><span>经验分享</span></a></li>
                        <li><a class="menu-option" href="#"><i class="fa fa-graduation-cap"></i><span>留&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学</span></a></li>
                        <li><a class="menu-option" href="#"><i class="fa fa-comments"></i><span>论&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;坛</span></a></li>
                    </ul>
                </div>
                <div class="navbar-header search-box">
                    <!-- <div class="input-group"> -->
                      <input type="text" class="form-control" placeholder="">
                    <!-- </div> -->
                    <span class="search-btn" id=""><a href=""><i class="fa fa-search"></i></a></span>
                </div>
                
                <div class="navbar-header toggle">
                        <span class="nav-toggle-button collapsed" data-toggle="collapse" data-target="#main-menu">
                        <span class="sr-only">Toggle navigation</span>
                        <i class="fa fa-bars"></i>
                        </span>
                    </div>
               <div class="contact-us hidden-xs">
                    <a class="contact-link" href="connect.html"><i class="fa fa-comments-o"></i><span>联系我们</span></a>
                </div>
          </div>
        </nav>
        <div class="banner">
            <img class="banner-img" src="images/banner-bg.png" alt="">
        </div>
    </div>

    
<div class="page-container">
    <div class="contact-teacher hidden-xs">
        <p class="h5"><a href="connect.html"><i class="fa fa-comments"></i>联系老师</a></p>
    </div>
    <div class="back-to-top hidden-xs">
        <p class="h5"><a id="back-to-top" href="javascript:;"><i class="fa fa-angle-up"></i>&nbsp;&nbsp;&nbsp;TOP</a></p>
    </div>
  <div class="host-content">
    <!-- 听说读写 -->
    <div class="host-content-one"> <!-- Line 184 -->
    <div class="your-problems container"> 
        <div class="container-fluid"> <!-- Line 197 -->
            <div class="row first">
                <h3 class="color-set text-center">
                    <p>For Your Every Problem</p>
                    <p><i class="fa fa-angle-double-down"></i></p>
                </h3>
            </div>
            <!-- <div class="row"> --> <!-- Line 143 -->
                <div class="problem-box col-xs-6 col-md-4 col-lg-4">
                    <div class="box-container">  
                        <div class="display-img">
                            <img class="tab-img" src="images/listen-tab.png" alt="">
                            <a href="">
                                <img class="pro-img img-responsive" src="images/listen-pg.png" alt="">
                                <img class="hover-display img-responsive" src="style/images/hover-bg.png" alt="">
                            </a>
                        </div>
                        <!-- <div class="clearfix visible-xs-block"></div> -->
                        <div class="problem-solution">
                            <p class="pro-title"><a class="" href="list.html">【张艳原创】托福听力黄金20篇</a></p>
                            <p class="pro-des hidden-xs">这是我们课堂反复演练过的黄金20篇。里面有的文章比较难懂。有的是题目的选项比较难缠。做好这二十篇分析，你会有一个提升
                            有的是题目的选项比较难缠。有的是题目的选项比较难缠缠。做好这二十篇分析，你会有一个提升
                            有的是题目的选项比较难缠。有的是题目的选项比较难缠做好这二十篇分析，你会有一个提升</p>
                        </div>
                    </div>
                </div>
                <!-- <div class="clearfix visible-xs-block"></div> -->
                <div class="problem-box col-xs-6 col-md-4 col-lg-4">
                    <div class="box-container"> 
                        <div class="display-img">
                            <img class="tab-img" src="images/speak-tab.png" alt="">
                            <a href="">
                                <img class="pro-img img-responsive" src="images/speak-bg.png" alt="">
                                <img class="hover-display img-responsive" src="style/images/hover-bg.png" alt="">
                            </a>
                        </div>
                        <div class="problem-solution">
                            <p class="pro-title"><a class="" href="">【张艳原创】托福听力黄金20篇冲刺</a></p>
                            <p class="pro-des hidden-xs">托福口语必备7大技巧  托福口语练习时需注意的7个方面，同学们在练习重要运用一定方法，在新托福口语考试中才会自然而然的发挥。</p>
                        </div>
                    </div>
                </div> 

                <div class="problem-box col-xs-6 col-md-4 col-lg-4">
                    <div class="box-container"> 
                        <div class="display-img">
                            <img class="tab-img" src="images/read-tab.png" alt="">
                            <a href="">
                                <img class="pro-img img-responsive" src="images/read-bg.png" alt="">
                                <img class="hover-display img-responsive" src="style/images/hover-bg.png" alt="">
                            </a>
                        </div>
                        <div class="problem-solution">
                            <p class="pro-title"><a class="" href="">【张艳原创】托福听力黄金20篇冲刺</a></p>
                            <p class="pro-des hidden-xs">这是我们课堂反复演练过的黄金20篇。里面有的文章比较难懂。有的是题目的选项比较难缠。做好这二十篇分析，你会有一个提升</p>
                        </div>
                    </div>
                </div>              
            <!-- </div> -->
            <!-- <div class="clearfix visible-xs-block"></div> -->
            <!-- <div class="row"> Line 172 -->
                <div class="problem-box col-xs-6 col-md-4 col-lg-4">
                    <div class="box-container"> 
                        <div class="display-img">
                            <img class="tab-img" src="images/write-tab.png" alt="">
                            <a href="">
                                <img class="pro-img img-responsive" src="images/write-bg.png" alt="">
                                <img class="hover-display img-responsive" src="style/images/hover-bg.png" alt="">
                            </a>
                        </div>
                        <div class="problem-solution">
                            <p class="pro-title"><a class="" href="">【张艳原创】托福听力黄金20篇冲刺张艳原创】托福听力黄金20篇冲刺<张艳原创】托福听力黄金20篇冲刺张艳原创】托福听力黄金20篇冲刺张艳原创】托福听力黄金20篇冲刺/a></p>
                            <p class="pro-des hidden-xs">这是我们课堂反复演练过的黄金20篇。里面有的文章比较难懂。有的是题目的选项比较难缠。做好这二十篇分析，你会有一个提升</p>
                        </div>
                    </div>
                </div> 
                <div class="problem-box col-xs-12 col-md-8 col-lg-8">
                    <div class="box-container"> 
                        <div class="display-img">
                            <img class="tab-img" src="images/comprehensive-tab.png" alt="">
                            <a href="">
                                <img class="pro-img img-responsive" src="images/comprehensive-bg.png" alt="">
                                <img class="hover-display img-responsive" src="style/images/hover-bg2.png" alt="">
                            </a>
                        </div>
                        <div class="problem-solution">
                            <p class="pro-title"><a class="" href="">【张艳原创】托福听力黄金20篇冲刺</a></p>
                            <p class="pro-des hidden-xs">这是我们课堂反复演练过的黄金20篇。里面有的文章比较难懂。有的是题目的选项比较难缠。做好这二十篇分析，你会有一个提升</p>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
    </div>
    <!-- 经验分享上方箭头 -->
    <img class="caret-down-img" src="images/caret-down.png" alt="">
    </div> <!-- host-content-one Line 96-->

    <!-- 分享经验 -->
    <div class="share container">
        <div class="share-title">
            <h3 class="text-center shara-title-font"><i class="fa fa-caret-down"></i>经验分享  Sharing Experience</h3>
            <p class="small text-center color-set4 bot hidden-xs">这里有张艳老师的亲身经历和其他同学的学习经验和心路历程，这里期待你成功的故事……
            </p>
        </div>
        <div class="share-content">
            <div class="students container-fluid">
                <div class="scroll-block">
                    <div class="exprience-box col-md-2 col-xs-12 col-sm-12 ">
                        <div class="img-box"><img class="img-responsive" src="images/echo1.png" alt=""></div>
                        <h4 class="h4 text-center"><a href="">Echo同学</a></h4>
                        <p class="exprience-descrip">托福103听力28分考试经验！ 托福备考高分经验托福103听力28分考试经验！ 托福备考高分经验托福103听力28分考试经验！ 托福备考高分经验</p>
                    </div>
                    <div class="exprience-box col-md-2 col-xs-12 col-sm-12 ">
                        <div class="img-box"><img class="img-responsive" src="images/echo2.png" alt=""></div>
                        <h4 class="h4 text-center"><a href="">Echo同学</a></h4>
                        <p class="exprience-descrip">托福103听力28分考试经验！ 托福备考高分经验</p>
                    </div>
                    <div class="exprience-box col-md-2 col-xs-12 col-sm-12 ">
                        <div class="img-box"><img class="img-responsive" src="images/echo3.png" alt=""></div>
                        <h4 class="h4 text-center"><a href="">Echo同学</a></h4>
                        <p class="exprience-descrip">托福103听力28分考试经验！ 托福备考高分经验</p>
                    </div>
                    <div class="exprience-box col-md-2 col-xs-12 col-sm-12 ">
                        <div class="img-box"><img class="img-responsive" src="images/echo4.png" alt=""></div>
                        <h4 class="h4 text-center"><a href="">Echo同学</a></h4>
                        <p class="exprience-descrip">托福103听力28分考试经验！ 托福备考高分经验</p>
                    </div>
                    <div class="exprience-box col-md-2 col-xs-12 col-sm-12 ">
                        <a href="">
                            <div class="img-box"><img class="img-responsive" src="images/echo5.png" alt=""></div>
                            <!--  --> 
                            <p class="h4 text-center">
                                更多高分经验<br>  
                            </p>
                            <p class="exprience-descrip text-center">
                                <a class="more" href="">More点击进入</a>
                            </p>
                        </a>
                    </div>
                </div>
                <!-- <div class="scroll-bar">
                    <div class="scroll-slider"></div>
                </div> -->
            </div>
            <div class="teacher container-fluid">
                <div class="t-img col-sm-4 col-md-2" >
                    <img class="img-responsive" src="images/echo1.png" alt="">
                </div>
                <div class="descrip col-sm-8 col-md-10">
                    <h3 class="h3"><a class="color-set5" href="">我的故事——张艳老师真实的故事</a></h3>
                    <p class="teacher-descrip col-md-6">&nbsp;&nbsp;&nbsp;&nbsp;我想用我的经历告诉那些迷茫的，
    痛苦的，犹豫的同学：不要放弃，只要坚持，你一定会实现你的梦想。以前写过一篇，今天加了很多细节。<br>
&nbsp;&nbsp;&nbsp;&nbsp;上大学时，我为了偷懒选了一个自以为会很轻松的专业，英语，甚至还想多学几门语言，为了以后工作选择更多。读了大学才知道自己的想法有多么幼稚……</p>  
                    <p class="teacher-descrip col-md-6">&nbsp;&nbsp;&nbsp;&nbsp;这个工作大概持
    续了将近一年半多。直到有一个事件，改变了我的生活轨迹。我换老板了。以前的team搬走了，他们想带我
走。<br>&nbsp;&nbsp;&nbsp;&nbsp;我不想离开这个办公室，因为这里离我住的地方比较近。然后他们就把我分配给了一个新的组。这组的老板是个刚promoted的工程师……</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 下载资料 -->
    <div class="download container">
        <div class="download-resource col-xs-4 col-sm-4 col-md-4">
            <div class="resource-img">
                <img class="download-tab" src="images/download-tab.png" alt="">
                <a href="">
                    <img class="resource-img1 img-responsive" src="images/toefl.png" alt="">
                    <img class="download-display img-responsive" src="style/images/download.png" alt="" >
                </a>
                <!-- <img class="resource-img-default" src="" alt=""> -->
            </div>
            <p class="h4 download-title"><a href="">hot_1 新托福iBT Barron巴朗模考软件安装版..</a></p>
        </div>
        <div class="download-resource  col-xs-4 col-sm-4  col-md-4">
            <div class="resource-img">
                <img class="download-tab" src="images/download-tab.png" alt="">
                <a href="">
                    <img class="resource-img1 img-responsive" src="images/toefl.png" alt="">
                    <img class="download-display img-responsive" src="style/images/download.png" alt="" >
                </a>
                <!-- <img class="resource-img-default" src="" alt=""> -->
            </div>
            <p class="h4 download-title"><a href="">hot_1 新托福iBT Barron巴朗模考软件安装版..</a></p>
        </div>
        <div class="download-resource col-xs-4  col-sm-4 col-md-4">
            <div class="resource-img">
                <img class="download-tab" src="images/download-tab.png" alt="">
                <a href="">
                    <img class="resource-img1 img-responsive" src="images/toefl.png" alt="">
                    <img class="download-display img-responsive" src="style/images/download.png" alt="" >
                </a>
                <!-- <img class="resource-img-default" src="" alt=""> -->
            </div>
            <p class="h4 download-title"><a href="">hot_1 新托福iBT Barron巴朗模考软件安装版hot_1 新托福iBT Barron巴朗模考软件安装版.</a></p>
        </div>

        <div class="d-link-to col-xs-12">
            <p class="angle-double-down text-center color-set"><i class="fa fa-angle-double-down"></i></p>
            <p class="d-link-p" href="">
                <!-- <p class="text-center"> -->
                    <a class="d-link-a color-set2  h3">更多资料下载</a><br>
                    <a class="d-link-a color-set3 ">More 点击进入<br></a>
                <!-- </p> -->
            </p>
        </div>
        
    </div>  
</div>

</div>
<!-- footer -->
<div class="footer">
    <div class="container-fluid">
        <div class="footer-content container-fluid">

        <div class="col-md-2"><h3>PARTNERS</h3></div>
        <div class="partners col-md-6">
            <a href="">张艳新浪博客</a>
            <a href="">张艳老师微博</a>
            <a href="">环球雅思</a>
            <a href="">张艳老师官方淘宝店</a>
            <a href="">无老师英语网</a>
            <a href="">英语猫博客</a>
            <a href="">环球英语网校</a>
            <a href="">牛校网抢考位君</a>
            <a href="">北京师范大学澳大利亚预料</a>
            <a href="">王勇老师雅思网</a>
            <a href="">范正楠老师英语网</a>
            <a href="">点课台</a>
        </div>
        <div class="links col-md-4">
            <a class="tao-link hidden-xs" href=""><img src="images/tao-link.png" alt=""></a>
            <a class="weibo-link hidden-xs" href=""><img src="images/weibo-link.png" alt=""></a>
        </div>

    </div>
    </div>
    
    <!-- <div class="clearfix visible-xs-block"></div> -->
    <div>
        <p class="copyright text-center">
            版权所有：张艳英语网-纯青教育旗下  2009-2012 , All Rights Reserved. 
            京ICP备060018号 京公网安备110112000309号
        </p>
    </div>

</div>
<!-- </div> -->
</body>
</html>